<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<script src="/src/test/js/jquery-3.3.1.min.js"></script>
<script>
    function change(id){
        $(id).css({
            'color': 'blue',
            'font-size': "50px"
        });
    }
</script>
<body bgcolor="FFFFCC">

<div align="center">劝学</div>
<div align="center">作者：朱熹</div>
<div align="center">
    <span >[</span>
    <span id="da"  onclick="change(this)" >大</span>
    <span id="zhong"  onclick="change(this)">中</span>
    <span id="xiao"  onclick="change(this)">小</span>
    <span >]</span>
</div>
<div align="center" >少年易老学难成，</div>
<div align="center">一寸光阴不可轻。</div>
<div align="center">未觉池塘春草梦，</div>
<div align="center">阶前梧叶已秋声</div>

</body>
</html>